<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('问题风险驾驶舱')" />
    <th:block th:include="include :: layout-latest-css" />
    <th:block th:include="include :: bootstrap-treeview-css" />
    <link th:href="@{/css/common.css}" rel="stylesheet"/>
    <link th:href="@{/css/detail.css}" rel="stylesheet"/>
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/page_epiboly.css}" rel="stylesheet"/>
</head>
<body class="gray-bg problem-risk">
<div class="ui-layout-west" style="background: #fff;">
    <div class="box box-main">
        <div class="swiper tabSwiper">
            <ul class="nav nav-tabs blue-navtabs swiper-wrapper one-level-ul" role="tablist">
                <li class="swiper-slide active"><a href="#box-interface" role="tab" data-toggle="tab">接口</a></li>
                <li class="swiper-slide"><a href="#box-question" role="tab" data-toggle="tab">问题</a></li>
                <li class="swiper-slide"><a href="#box-field" role="tab" data-toggle="tab">字段</a></li>
            </ul>
        </div>
        <input type = "hidden" name = "userId">
        <div class="tab-content mt0" id="box-main-tabs">
            <div role="tabpanel" class="tab-pane active" id="box-interface">
                <select class="form-control state-select">
                    <option value="1" selected="selected">全部负责人</option>
                    <option value="2">张三 前端工程师</option>
                    <option value="3">李四 业务架构师</option>
                </select>
                <ul class="nav nav-tabs blue-navtabs h32 swiper-wrapper" role="tablist" style="margin-top: 0">
                    <li class="swiper-slide active"><a href="#box-all" role="tab" data-toggle="tab">不限</a></li>
                    <li class="swiper-slide"><a href="#box-common" role="tab" data-toggle="tab">公共</a></li>
                    <li class="swiper-slide"><a href="#box-boundary" role="tab" data-toggle="tab">边界</a></li>
                    <li class="swiper-slide"><a href="#box-platform" role="tab" data-toggle="tab">平台</a></li>
                    <li class="swiper-slide"><a href="#box-risk" role="tab" data-toggle="tab">风险</a></li>
                </ul>
                <div class="tab-content mt0">
                    <div role="tabpanel" class="tab-pane active box-swiper-li interface-li" id="box-all">
                        <ul>
                            <li  class="active">
                                <div>
                                    <p><span>归属域名称</span>
                                        <font class="pull-right">english_name</font>
                                    </p>
                                    <p class="user-info"><span>张三&nbsp;&nbsp;后端工程师</span><span>未完成</span></p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p><span>归属域名称</span>
                                        <font class="pull-right">english_name</font>
                                    </p>
                                    <p class="user-info"><span>张三&nbsp;&nbsp;后端工程师</span><span>未完成</span></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane box-swiper-li interface-li" id="box-common">
                        <ul>
                            <li  class="active">
                                <div>
                                    <p><span>归属域名称</span>
                                        <font class="pull-right">english_name</font>
                                    </p>
                                    <p class="user-info"><span>张三&nbsp;&nbsp;后端工程师</span><span>未完成</span></p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p><span>归属域名称</span>
                                        <font class="pull-right">english_name</font>
                                    </p>
                                    <p class="user-info"><span>张三&nbsp;&nbsp;后端工程师</span><span>未完成</span></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane box-swiper-li interface-li" id="box-boundary">
                        <ul>
                            <li  class="active">
                                <div>
                                    <p><span>归属域名称</span>
                                        <font class="pull-right">english_name</font>
                                    </p>
                                    <p class="user-info"><span>张三&nbsp;&nbsp;后端工程师</span><span>未完成</span></p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p><span>归属域名称</span>
                                        <font class="pull-right">english_name</font>
                                    </p>
                                    <p class="user-info"><span>张三&nbsp;&nbsp;后端工程师</span><span>未完成</span></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane box-swiper-li interface-li" id="box-platform">
                        <ul>
                            <li  class="active">
                                <div>
                                    <p><span>归属域名称</span>
                                        <font class="pull-right">english_name</font>
                                    </p>
                                    <p class="user-info"><span>张三&nbsp;&nbsp;后端工程师</span><span>未完成</span></p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p><span>归属域名称</span>
                                        <font class="pull-right">english_name</font>
                                    </p>
                                    <p class="user-info"><span>张三&nbsp;&nbsp;后端工程师</span><span>未完成</span></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane box-swiper-li interface-li" id="box-risk">
                        <ul>
                            <li  class="active">
                                <div>
                                    <p><span>归属域名称</span>
                                        <font class="pull-right">english_name</font>
                                    </p>
                                    <p class="user-info"><span>张三&nbsp;&nbsp;后端工程师</span><span>未完成</span></p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <p><span>归属域名称</span>
                                        <font class="pull-right">english_name</font>
                                    </p>
                                    <p class="user-info"><span>张三&nbsp;&nbsp;后端工程师</span><span>未完成</span></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="box-question">
                <ul class="mt0 div-span-ul question-ul" data-type="0" >
                    <li class="active">
                        <div><span>接口问题</span></div>
                    </li>
                    <li class="">
                        <div><span>表问题</span></div>
                    </li>
                    <li class="">
                        <div><span>页面问题</span></div>
                    </li>
                </ul>
            </div>
            <div role="tabpanel" class="tab-pane" id="box-field">
                {{# if(d.id=='box-bff'){ }}
                <select class="form-control state-select">
                    <option value="1" selected="selected">不限版本</option>
                    <option value="2">张三 前端工程师</option>
                    <option value="3">李四 业务架构师</option>
                </select>
                {{# } }}
                <ul>
                    {{# layui.each(d.data, function(index, a){ }}
                    <li data-id="{{a.userId}}" data-type="{{d.type}}"
                        class="{{# if(index == 0){ }}active{{# } else { }}{{# }}}">
                        <div>
                            <p><span>{{a.username}}</span>
                                <font class="pull-right">{{d.name}}：{{a.dataFinishCount}}/{{a.dataTotalCount}}</font>
                            </p>
                            <p class="user-info"><span>{{a.roleName}}</span><span>{{# if(a.status == 0){ }}未完成{{# } else if(a.status == 1){ }}进行中{{# } else { }}已完成{{# }}}</span></p>
                        </div>
                    </li>
                    {{# }); }}
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="ui-layout-center">
    <div class="container-div" id="wrapper">
        <div id="page-content-wrapper">
            <div class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
                <img class="toggle-img" th:src="@{/img/toggle.png}"/>
            </div>
            <div class="container">
                <div class="pull-left" style="position: absolute;">
                    <div class="container-left" id="containerLeft">
                    </div>
                </div>
                <div class="pull-right" id = "pageDetailsDiv">
                    <div  class="cnt-content">
                        <div class="tit">
                            <div class="pull-left">1-1元数据表 oms_base</div>
                            <div class="pull-right title-right">
                                <span id="pageStatusDesc">未完成</span>
                                <a type="button" class="btn btn-success btn-xs">设为完成</a>
                                <a class="pageEdit" data-id="13">查看表详情</a>
                                <a class="aHref" data-path="page/page/detail/13" data-tit="编辑表">编辑表</a>
                            </div>
                        </div>
                        <div>
                            <ul class="nav nav-tabs navtabs nav-table" role="tablist">
                                <li class="active"><a href="#relation-mine" role="tab" data-toggle="tab" data-action = "tableRelation">模型关系（关联我的）</a></li>
                                <li><a href="#mine-relation" role="tab" data-toggle="tab" data-action = "mineRelation">模型关系（我关联的）</a></li>
                                <li><a href="#field-detail" role="tab" data-toggle="tab" data-action="relationFieldList">字段明细</a></li>
                                <li><a href="#model-preview" role="tab" data-toggle="tab" data-action="relationSimpleFieldList">模型预览</a></li>
                            </ul>
                            <div class="tab-content" id="tabContent" style="margin-top: 0px;">
                            </div>
                        </div>
                    </div>
                    <div class="ibox-content content-preview" style="display: none">
                        <div class="panel-body">
                            <div class="panel-group" id="accordion">
                                <div class="panel panel-default">
                                    <div class="panel-heading" data-toggle="collapse" href="#collapse0" style="background: #fff">
                                        <div class="panel-title-noclick">
                                            <div class="pull-left" style="margin-right: 20px;">
                                                <span class="label type-flag">GET</span>
                                                新增业务对象
                                            </div>
                                            <div>/oms/businessObject/addBizObject</div>
                                        </div>
                                        <div class="pull-right title-right">
                                            <span id="pageStatusDesc">未完成</span>
                                            <a type="button" class="btn btn-success btn-xs">设为完成</a>
                                            <a class="pageEdit" data-id="13">查看接口详情</a>
                                            <a class="aHref" data-path="page/page/detail/13" data-tit="接口设计">接口设计</a>
                                        </div>
                                    </div>
                                    <div id="collapse0" class="panel-collapse collapse in">
                                        <dl class="dl-horizontal">
                                            <dt>非功能性需求</dt>
                                            <dd id="nonFunctionalRequirementsDd"></dd>
                                        </dl>
                                        <dl class="dl-horizontal">
                                            <dt>接口描述</dt>
                                            <dd id="interfaceDescriptionDd"></dd>
                                        </dl>
                                        <div class="panel-tit">参数</div>
                                        <div class="panel-body" style="border:0px;">
                                            <ul class="list-group">
                                                <li class="list-group-item" style="height: auto; padding-top:0px;">
                                                    <div class="re-body">
                                                        <p>requestBody：//输入参数</p>
                                                        <p>{</p>
                                                        <ul class="list-group field">
                                                            <li class="list-group-item">
                                                                <p>"pageNum" : "1", // <span style="color: #FFA500; display: inline !important;">当前页</span></p>
                                                            </li>
                                                            <li class="list-group-item">                    <
                                                                p>"pageSize" : "10", // <span style="color: #FFA500; display: inline !important;">每页大小</span></p>
                                                            </li>
                                                        </ul>
                                                        <p>}</p>
                                                    </div>
                                                </li>
                                                <li class="list-group-item space"></li>
                                                <li class="list-group-item" style="height: auto;padding-top:0px;">
                                                    <div class="re-body">
                                                        <p>response：//返回参数</p>
                                                        <p>{</p>
                                                        <ul class="list-group field">
                                                            <li class="list-group-item">
                                                                <p>"errCode" : "1",<span style="color: red; display: inline !important;"> //返回状态（true/false）</span></p>
                                                                <p>"message" : "获取成功",<span style="color: red; display: inline !important;"> //获取成功/获取失败</span></p>
                                                                <p>"data" : { <span style="color: red; display: inline !important;"> //返回数据</span></p>
                                                                <ul class="list-group field">
                                                                    {{# layui.each(d.responseList, function(index, a){ }}
                                                                    {{# if(a.children == null || a.children.length == 0){ }}
                                                                    <li class="list-group-item">
                                                                        {{# if(a.objectType=='2'){ }}
                                                                        <p>"{{a.fieldEnName}}" : [{ // {{a.fieldName || '一'}}</p>
                                                                        <p>}],</p>
                                                                        {{# } else { }}
                                                                        {{# if(a.fieldEnName == 'total' || a.fieldEnName == 'isLastPage' || a.fieldEnName == 'pages'){ }}
                                                                        <p>"{{a.fieldEnName}}" : {{a.mockData}}, // <span style="color: #FFA500; display: inline !important;">{{a.fieldName || '一'}}{{a.fieldEnumListName || ''}}</span></p>
                                                                        {{# } else { }}
                                                                        <p>"{{a.fieldEnName}}" : "{{a.mockData || '一'}}", // <span style="color: #FFA500; display: inline !important;">{{a.fieldName || '一'}}{{a.fieldEnumListName || ''}}</span></p>
                                                                        {{# } }}
                                                                        {{# } }}
                                                                    </li>
                                                                    {{# } else { }}
                                                                    <li class="list-group-item">
                                                                        <p>"{{a.fieldEnName}}" : [{ // {{a.fieldName || '一'}}</p>
                                                                        <ul class="list-group field">
                                                                            {{# layui.each(a.children, function(index, b){ }}
                                                                            {{# if(b.children == null || b.children.length == 0){ }}
                                                                            <li class="list-group-item">
                                                                                {{# if(b.objectType=='2'){ }}
                                                                                <p>"{{b.fieldEnName}}" : [{ // {{b.fieldName || '一'}}</p>
                                                                                <p>}],</p>
                                                                                {{# } else { }}
                                                                                <p>"{{b.fieldEnName}}" : "{{b.mockData || '一'}}", // <span style="color: #FFA500; display: inline !important;">{{b.fieldName || '一'}}{{b.fieldEnumListName || ''}}</span></p>
                                                                                {{# } }}
                                                                            </li>
                                                                            {{# } else { }}
                                                                            <li class="list-group-item">
                                                                                <p>"{{b.fieldEnName}}" : [{ // {{b.fieldName || '一'}}</p>
                                                                                <ul class="list-group field">
                                                                                    {{# layui.each(b.children, function(index, c){ }}
                                                                                    {{# if(c.children == null || c.children.length == 0){ }}
                                                                                    <li class="list-group-item">
                                                                                        {{# if(c.objectType=='2'){ }}
                                                                                        <p>"{{c.fieldEnName}}" : [{ // {{c.fieldName || '一'}}</p>
                                                                                        <p>}],</p>
                                                                                        {{# } else { }}
                                                                                        <p>"{{c.fieldEnName}}" : "{{c.mockData || '一'}}", // <span style="color: #FFA500; display: inline !important;">{{c.fieldName || '一'}}{{c.fieldEnumListName || ''}}</span></p>
                                                                                        {{# } }}
                                                                                    </li>
                                                                                    {{# } else { }}
                                                                                    <li class="list-group-item">
                                                                                        <p>"{{c.fieldEnName}}" : [{ // {{c.fieldName || '一'}}</p>
                                                                                        <ul class="list-group field">
                                                                                            {{# layui.each(c.children, function(index, d){ }}
                                                                                            {{# if(d.children == null || d.children.length == 0){ }}
                                                                                            <li class="list-group-item">
                                                                                                {{# if(d.objectType=='2'){ }}
                                                                                                <p>"{{d.fieldEnName}}" : [{ // {{d.fieldName || '一'}}</p>
                                                                                                <p>}],</p>
                                                                                                {{# } else { }}
                                                                                                <p>"{{d.fieldEnName}}" : "{{d.mockData || '一'}}", // <span style="color: #FFA500; display: inline !important;">{{d.fieldName || '一'}}{{d.fieldEnumListName || ''}}</span></p>
                                                                                                {{# } }}
                                                                                            </li>
                                                                                            {{# } else { }}
                                                                                            <li class="list-group-item">
                                                                                                <p>"{{d.fieldEnName}}" : [{ // {{d.fieldName || '一'}}</p>
                                                                                                <ul class="list-group field">
                                                                                                    {{# layui.each(d.children, function(index, e){ }}
                                                                                                    <li class="list-group-item">
                                                                                                        <p>"{{e.fieldEnName}}" : "{{e.mockData || '一'}}", // <span style="color: #FFA500; display: inline !important;">{{e.fieldName || '一'}}{{e.fieldEnumListName || ''}}</span></p>
                                                                                                    </li>
                                                                                                    {{# }); }}
                                                                                                </ul>
                                                                                                <p>}],</p>
                                                                                            </li>
                                                                                            {{# } }}
                                                                                            {{# }); }}
                                                                                        </ul>
                                                                                    </li>
                                                                                    {{# } }}
                                                                                    {{# }); }}
                                                                                </ul>
                                                                                <p>}],</p>
                                                                            </li>
                                                                            {{# } }}
                                                                            {{# }); }}
                                                                        </ul>
                                                                        <p>}],</p>
                                                                    </li>
                                                                    {{# }}}
                                                                    {{# }); }}
                                                                </ul>
                                                                <p>}</p>
                                                            </li>
                                                        </ul>
                                                        <p>}</p>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel-tit" id="virtualUsage">虚拟用况</div>
                                <div class="panel panel-default virtualUsage" title="">
                                    <div class="panel-heading" data-toggle="collapse" href="#collapse1" data-id="1412">
                                        <h1 class="panel-title">
                                            <span class="badge badge-primary">1</span>
                                            <span>D1-1新增底层框架服务批次&nbsp;&nbsp;addBaseBatch</span>
                                        </h1>
                                    </div>
                                    <div id="collapse1" class="panel-collapse collapse"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Sidebar -->
        <nav class="navbar navbar-inverse navbar-fixed-top sidebar-wrapper" id="sidebar-wrapper" role="navigation">
            <div class="pull-right">
                <ul class="nav nav-tabs navtabs contentTab nav-tit-ul" role="tablist">
                    <li class="active"><a href="#content-summary" role="tab" data-toggle="tab" data-action="summaryList">概述</a></li>
                    <li><a href="#content-relation-table" role="tab" data-toggle="tab" data-action="relationTableList">关联表</a></li>
                    <li><a href="#content-relation-usage" role="tab" data-toggle="tab" data-action="relationUsageList">关联用况</a></li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="content-summary">
                        <ul class="nav-cnt-ul div-span-ul" data-type="0">
                            <li data-id="391" class="active">
                                <div><span>存档类型字典-宽松</span></div>
                            </li>
                            <li data-id="391" class="">
                                <div><span>存档类型字典-宽松</span></div>
                            </li>
                            <li data-id="391" class="">
                                <div><span>存档类型字典-宽松</span></div>
                            </li>
                        </ul>
                    </div>
                    <div role="tabpanel" class="tab-pane content-relationtable" id="content-relation-table">
                    </div>
                    <div role="tabpanel" class="tab-pane content-use" id="content-relation-usage"></div>
                </div>
            </div>
            <div id="nav-content-detail">

            </div>
        </nav>
    </div>
</div>
<th:block th:include="include :: footer" />
<th:block th:include="include :: layout-latest-js" />
<th:block th:include="include :: bootstrap-treeview-js" />
<script id="interfaceTwoLevel" type="text/template">
    <ul class="nav nav-tabs blue-navtabs swiper-wrapper" role="tablist">
        <li class="swiper-slide active"><a href="#box-buff" role="tab" data-toggle="tab">BUFF</a></li>
        <li class="swiper-slide"><a href="#box-dubbo" role="tab" data-toggle="tab">DUBBO</a></li>
        <li class="swiper-slide"><a href="#box-method" role="tab" data-toggle="tab">METHOD</a></li>
    </ul>
    <select class="form-control state-select">
        <option value="1" selected="selected">全部开发人员</option>
        <option value="2">张三 前端工程师</option>
        <option value="3">李四 业务架构师</option>
    </select>
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active " id="box-buff">
            <ul class="nav nav-tabs navtabs contentTab" role="tablist">
                <li class="active">
                    <a href="#by-interface" role="tab" data-toggle="tab" >按接口</a>
                </li>
                <li>
                    <a href="#by-page" role="tab" data-toggle="tab">按页面</a>
                </li>
            </ul>
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active mt15" id="by-interface">
                    <ul class="container-ul" id="containerUl">
                        <li data-id="391" class="active">
                            <div><span>1</span><span>接口--存档类型字典-宽松</span></div>
                            <p class="user-info">
                                <span>刘甜甜（页面协助前端）&nbsp;前端工程师</span>
                                <span>未完成</span>
                            </p>
                            <p class="user-info">
                                <span>陈晓雨&nbsp;前端工程师,后端BFF工程师,后端服务工程师</span>
                                <span>已完成</span>
                            </p>
                        </li>
                    </ul>
                </div>
                <div role="tabpanel" class="tab-pane mt15" id="by-page">
                    <ul class="container-ul" id="containerUl">
                        <li data-id="391" class="active">
                            <div><span>1</span><span>页面--存档类型字典-宽松</span></div>
                            <p class="user-info">
                                <span>刘甜甜（页面协助前端）&nbsp;前端工程师</span>
                                <span>未完成</span>
                            </p>
                            <p class="user-info">
                                <span>陈晓雨&nbsp;前端工程师,后端BFF工程师,后端服务工程师</span>
                                <span>已完成</span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="box-dubbo">
            <ul class="nav nav-tabs navtabs contentTab" role="tablist">
                <li class="active">
                    <a href="#by-interface" role="tab" data-toggle="tab" >按接口</a>
                </li>
                <li>
                    <a href="#by-page" role="tab" data-toggle="tab">按页面</a>
                </li>
            </ul>
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active mt15" id="by-page">
                    <ul class="container-ul" id="containerUl">
                        <li data-id="391" class="active">
                            <div><span>1</span><span>存档类型字典-宽松</span></div>
                            <p class="user-info">
                                <span>刘甜甜（页面协助前端）&nbsp;前端工程师</span>
                                <span>未完成</span>
                            </p>
                            <p class="user-info">
                                <span>陈晓雨&nbsp;前端工程师,后端BFF工程师,后端服务工程师</span>
                                <span>已完成</span>
                            </p>
                        </li>
                    </ul>
                </div>
                <div role="tabpanel" class="tab-pane mt15" id="by-interface">
                    <ul class="container-ul" id="containerUl">
                        <li data-id="391" class="active">
                            <div><span>1</span><span>B1-1删除元数据业务对象</span></div>
                            <p class="user-info">
                                <span>刘甜甜（页面协助前端）&nbsp;前端工程师</span>
                                <span>未完成</span>
                            </p>
                            <p class="user-info">
                                <span>陈晓雨&nbsp;前端工程师,后端BFF工程师,后端服务工程师</span>
                                <span>已完成</span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="box-method">
            <ul class="nav nav-tabs navtabs contentTab" role="tablist">
                <li class="active">
                    <a href="#by-interface" role="tab" data-toggle="tab" >按接口</a>
                </li>
                <li>
                    <a href="#by-page" role="tab" data-toggle="tab">按页面</a>
                </li>
            </ul>
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active mt15" id="by-page">
                    <ul class="container-ul" id="containerUl">
                        <li data-id="391" class="active">
                            <div><span>1</span><span>存档类型字典-宽松</span></div>
                            <p class="user-info">
                                <span>刘甜甜（页面协助前端）&nbsp;前端工程师</span>
                                <span>未完成</span>
                            </p>
                            <p class="user-info">
                                <span>陈晓雨&nbsp;前端工程师,后端BFF工程师,后端服务工程师</span>
                                <span>已完成</span>
                            </p>
                        </li>
                    </ul>
                </div>
                <div role="tabpanel" class="tab-pane mt15" id="by-interface">
                    <ul class="container-ul" id="containerUl">
                        <li data-id="391" class="active">
                            <div><span>1</span><span>存档类型字典-宽松</span></div>
                            <p class="user-info">
                                <span>刘甜甜（页面协助前端）&nbsp;前端工程师</span>
                                <span>未完成</span>
                            </p>
                            <p class="user-info">
                                <span>陈晓雨&nbsp;前端工程师,后端BFF工程师,后端服务工程师</span>
                                <span>已完成</span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</script>
<script id="questionTwoLevel" type="text/template">
    <select class="form-control state-select question" style="top:0px">
        <option value="1" selected="selected">全部开发人员</option>
        <option value="2">张三 前端工程师</option>
        <option value="3">李四 业务架构师</option>
    </select>
    <div class="tab-content" style="margin-top: 60px">
        <div role="tabpanel" class="tab-pane active " id="box-buff">
            <ul class="nav nav-tabs navtabs contentTab" role="tablist" style="top:16px">
                <li class="active">
                    <a href="#by-untreated" role="tab" data-toggle="tab" >未处理</a>
                </li>
                <li>
                    <a href="#by-treated" role="tab" data-toggle="tab">已处理</a>
                </li>
            </ul>
            <div class="tab-content" style="margin-top: 60px">
                <div role="tabpanel" class="tab-pane active mt15" id="by-untreated">
                    <ul class="container-ul" id="containerUl">
                        <li data-id="391" class="active">
                            <div><span>1</span><span>接口--存档类型字典-宽松</span></div>
                            <p class="user-info">
                                <span>刘甜甜（页面协助前端）&nbsp;前端工程师</span>
                                <span>未完成</span>
                            </p>
                        </li>
                    </ul>
                </div>
                <div role="tabpanel" class="tab-pane mt15" id="by-treated">
                    <ul class="container-ul" id="containerUl">
                        <li data-id="391" class="active">
                            <div><span>1</span><span>页面--存档类型字典-宽松</span></div>
                            <p class="user-info">
                                <span>刘甜甜（页面协助前端）&nbsp;前端工程师</span>
                                <span>未完成</span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</script>
<script id="fieldTwoLevel" type="text/template">
    <select class="form-control state-select">
        <option value="1" selected="selected">全部开发人员</option>
        <option value="2">张三 前端工程师</option>
        <option value="3">李四 业务架构师</option>
    </select>
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active " id="box-buff">
            <ul class="nav nav-tabs navtabs contentTab" role="tablist">
                <li class="active">
                    <a href="#by-interface" role="tab" data-toggle="tab" >按接口</a>
                </li>
                <li>
                    <a href="#by-page" role="tab" data-toggle="tab">按页面</a>
                </li>
            </ul>
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active mt15" id="by-interface">
                    <ul class="container-ul" id="containerUl">
                        <li data-id="391" class="active">
                            <div><span>1</span><span>接口--存档类型字典-宽松</span></div>
                            <p class="user-info">
                                <span>刘甜甜（页面协助前端）&nbsp;前端工程师</span>
                                <span>未完成</span>
                            </p>
                            <p class="user-info">
                                <span>陈晓雨&nbsp;前端工程师,后端BFF工程师,后端服务工程师</span>
                                <span>已完成</span>
                            </p>
                        </li>
                    </ul>
                </div>
                <div role="tabpanel" class="tab-pane mt15" id="by-page">
                    <ul class="container-ul" id="containerUl">
                        <li data-id="391" class="active">
                            <div><span>1</span><span>页面--存档类型字典-宽松</span></div>
                            <p class="user-info">
                                <span>刘甜甜（页面协助前端）&nbsp;前端工程师</span>
                                <span>未完成</span>
                            </p>
                            <p class="user-info">
                                <span>陈晓雨&nbsp;前端工程师,后端BFF工程师,后端服务工程师</span>
                                <span>已完成</span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</script>
<script id="boxMainTabsTpl" type="text/template">
    <div role="tabpanel" class="tab-pane active box-swiper-li" id="{{d.id}}">
        <select class="form-control state-select">
            <option value="1" selected="selected">全部负责人</option>
            <option value="2">张三 前端工程师</option>
            <option value="3">李四 业务架构师</option>
        </select>
        <ul>
            {{# layui.each(d.data, function(index, a){ }}
            <li data-id="{{a.userId}}" data-type="{{d.type}}"
                class="{{# if(index == 0){ }}active{{# } else { }}{{# }}}">
                <div>
                    <p><span>{{a.username}}</span>
                        <font class="pull-right">{{d.name}}：{{a.dataFinishCount}}/{{a.dataTotalCount}}</font>
                    </p>
                    <p class="user-info"><span>{{a.roleName}}</span><span>{{# if(a.status == 0){ }}未完成{{# } else if(a.status == 1){ }}进行中{{# } else { }}已完成{{# }}}</span></p>
                </div>
            </li>
            {{# }); }}
        </ul>
    </div>
    <div role="tabpanel" class="tab-pane active box-swiper-li" id="{{d.id}}">
        {{# if(d.id=='box-bff'){ }}
        <select class="form-control state-select">
            <option value="1" selected="selected">不限版本</option>
            <option value="2">张三 前端工程师</option>
            <option value="3">李四 业务架构师</option>
        </select>
        {{# } }}
        <ul>
            {{# layui.each(d.data, function(index, a){ }}
            <li data-id="{{a.userId}}" data-type="{{d.type}}"
                class="{{# if(index == 0){ }}active{{# } else { }}{{# }}}">
                <div>
                    <p><span>{{a.username}}</span>
                        <font class="pull-right">{{d.name}}：{{a.dataFinishCount}}/{{a.dataTotalCount}}</font>
                    </p>
                    <p class="user-info"><span>{{a.roleName}}</span><span>{{# if(a.status == 0){ }}未完成{{# } else if(a.status == 1){ }}进行中{{# } else { }}已完成{{# }}}</span></p>
                </div>
            </li>
            {{# }); }}
        </ul>
    </div>
    <div role="tabpanel" class="tab-pane active box-swiper-li" id="{{d.id}}">
        {{# if(d.id=='box-bff'){ }}
        <select class="form-control state-select">
            <option value="1" selected="selected">不限版本</option>
            <option value="2">张三 前端工程师</option>
            <option value="3">李四 业务架构师</option>
        </select>
        {{# } }}
        <ul>
            {{# layui.each(d.data, function(index, a){ }}
            <li data-id="{{a.userId}}" data-type="{{d.type}}"
                class="{{# if(index == 0){ }}active{{# } else { }}{{# }}}">
                <div>
                    <p><span>{{a.username}}</span>
                        <font class="pull-right">{{d.name}}：{{a.dataFinishCount}}/{{a.dataTotalCount}}</font>
                    </p>
                    <p class="user-info"><span>{{a.roleName}}</span><span>{{# if(a.status == 0){ }}未完成{{# } else if(a.status == 1){ }}进行中{{# } else { }}已完成{{# }}}</span></p>
                </div>
            </li>
            {{# }); }}
        </ul>
    </div>
</script>
<script id="versionListSelectTpl" type="text/template">
    <input type = "hidden" name = "productVersionId">
    <select class="form-control edition-select versionSelect">
        <option value="" selected="selected">全部版本</option>
        {{# layui.each(d, function(index, a){ }}
        <option value="{{a.id}}">{{a.productName}}</option>
        {{# }); }}
    </select>
</script>
<script id="tabQuestionTpl" type="text/template">
    {{# layui.each(d, function(index, a){ }}
    <li data-id="{{a.id}}" class="{{# if(index == 0){ }}active{{# }}}">
        <div><span>{{index+1}}</span><span>{{a.pageName}}</span></div>
        {{# layui.each(a.userList, function(indexB, b){ }}
        <p class="user-info">
            <span>{{b.username}}&nbsp;{{b.roleName}}</span>
            <span>{{# if(b.objectStatus == 0){ }}未完成{{# } else if(b.objectStatus == 1){ }}进行中{{# } else { }}已完成{{# }}}</span>
        </p>
        {{# }); }}
    </li>
    {{# }); }}
</script>
<script id="containerUlTpl" type="text/template">
    {{# layui.each(d, function(index, a){ }}
    <li data-id="{{a.id}}" class="{{# if(index == 0){ }}active{{# }}}">
        <div><span>{{index+1}}</span><span>{{a.pageName}}</span></div>
        {{# layui.each(a.userList, function(indexB, b){ }}
        <p class="user-info">
            <span>{{b.username}}&nbsp;{{b.roleName}}</span>
            <span>{{# if(b.objectStatus == 0){ }}未完成{{# } else if(b.objectStatus == 1){ }}进行中{{# } else { }}已完成{{# }}}</span>
        </p>
        {{# }); }}
    </li>
    {{# }); }}
</script>

<script id="interfaceUlTpl" type="text/template">
    {{# layui.each(d, function(index, a){ }}
    <div class="panel panel-default">
        <div class="panel-heading" data-toggle="collapse" aria-expanded="true" href="#interface{{index}}">
            <div class="panel-title active">
                <div class="panel-title-interface"><span>{{index+1}}</span><span>{{a.pageName}}</span></div>
                {{# layui.each(a.userList, function(indexB, b){ }}
                <p class="user-info">
                    <span>{{b.username}}&nbsp;{{b.roleName}}</span>
                    <span>{{# if(b.objectStatus == 0){ }}未完成{{# } else if(b.objectStatus == 1){ }}进行中{{# } else { }}已完成{{# }}}</span>
                </p>
                {{# }); }}
            </div>
        </div>
        <div id="interface{{index}}" class="panel-collapse collapse in">
            <ul class="interface-ul">
                {{# layui.each(a.interfaceList, function(bindex, b){ }}
                <li data-pindex="{{index}}" data-index="{{bindex}}"><div>{{b.interfaceName}}</div></li>
                {{# }); }}
            </ul>
        </div>
    </div>
    {{# }); }}
</script>

<script id="pageImgListTpl" type="text/template">
    <div id="carousel-generic{{d.type}}" class="carousel slide" data-ride="carousel" style="{{# if(d.type == 0){ }}margin-bottom: 100px;{{# } }}">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            {{# layui.each(d.imgList, function(index, a){ }}
            <li data-target="#carousel-generic{{d.type}}" data-slide-to="{{index}}" data-isMaster="{{a.isMaster}}"
                data-id="{{a.id}}" data-objid="{{a.objectId}}" class="{{index==0?'active':''}} {{a.red?'red':''}}">
                <span>{{index + 1}}</span>
            </li>
            {{# }); }}
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            {{# layui.each(d.imgList, function(index, a){ }}
            {{# if(index==0) { }}
            <div class="item active">
                <img class = "partPage" src="{{a.filePath}}" th:onerror="this.src='/img/per-info.png'"/>
                <div class="carousel-caption"></div>
            </div>
            {{# } else { }}
            <div class="item">
                <img class = "partPage" src="{{a.filePath}}" th:onerror="this.src='/img/per-info.png'"/>
                <div class="carousel-caption"></div>
            </div>
            {{# } }}
            {{# }); }}
        </div>
    </div>
</script>

<script id="pageDetailsTpl" type="text/template">
    {{# if(d.type == 0){ }}
    <div class="title">
        <span>{{d.pageName || ''}}</span>
        <div class="pull-right title-right">
            <span id = "pageStatusDesc">{{# if(d.objectStatus == 0 || d.objectStatus == null){ }}未完成{{# } else if(d.objectStatus == 1){ }}进行中{{# } else { }}已完成{{# }}}</span>
            {{# if(d.handlePower){ }}
            <select class = "pageStatusCls">
                <option value="0">未完成</option>
                <option value="1">进行中</option>
                <option value="2">已完成</option>
            </select>
            {{# } }}
            <a class="aHref" data-path="page/page/detail/{{d.id}}" data-tit="页面详情">查看页面详情</a>
        </div>
    </div>
    {{# if(d.interfaceId2 == 0){ }}
    <div class="page-name" style="margin-bottom: 20px;">
        <div class="list-group list-group-horizontal" id = "pageTagListDiv"></div>
    </div>
    {{# } }}
    {{# } }}
    <div id = "pageImgListDiv"></div>
</script>

<script id="summaryListTpl" type="text/template">
    <ul class="nav-cnt-ul div-span-ul" data-type="0">
        <li data-id="391" class="active">
            <div><span>存档类型字典-宽松</span></div>
        </li>
        <li data-id="391" class="">
            <div><span>存档类型字典-宽松</span></div>
        </li>
        <li data-id="391" class="">
            <div><span>存档类型字典-宽松</span></div>
        </li>
    </ul>
</script>

<script id="relationTableListTpl" type="text/template">
    <ul>
        {{# layui.each(d, function(index, a){ }}
        <li data-index = "{{index}}" data-type="2">
            <div>
                <p title="{{a.tableName}}"><!--<span>{{index + 1}}</span>-->{{a.tableName}}</p>
                {{# layui.each(a.userList, function(indexB, b){ }}
                <p class="user-info">
                    <span>{{b.username}}&nbsp;{{b.roleName}}</span>
                    <span>{{# if(b.objectStatus == 0){ }}未完成{{# } else if(d.objectStatus == 1){ }}进行中{{# } else { }}已完成{{# }}}</span>
                </p>
                {{# }); }}
            </div>
        </li>
        {{# }); }}
    </ul>
</script>

<script id="relationUsageListTpl" type="text/template">
    <ul>
        {{# layui.each(d, function(index, a){ }}
        <li data-index = "{{index}}"  data-type="3">
            <div>
                <p title="{{a.usageyName}}"><!--<span>{{index + 1}}</span>-->{{a.usageyName}}</p>
                {{# layui.each(a.userList, function(indexB, b){ }}
                <p class="user-info">
                    <span>{{b.username}}&nbsp;{{b.roleName}}</span>
                    <span>{{# if(b.objectStatus == 0){ }}未完成{{# } else if(d.objectStatus == 1){ }}进行中{{# } else { }}已完成{{# }}}</span>
                </p>
                {{# }); }}
            </div>
        </li>
        {{# }); }}
    </ul>
</script>

<script id="contentDetailsTpl" type="text/template">
    {{# if(d.contentType == 4) { }}
    <div role="tabpanel" class="tab-pane mt15 content-question">
        {{# if(d.questionCount== 0){ }}
        <div class="empty">
            <p><img th:src="@{/img/empty.png}"/></p>
            <p>暂无问题备注</p>
            <p><button type="button" class="btn btn-primary add-question">提交问题</button></p>
        </div>
        {{# } else {}}
        <div class="questions">
            <p class="pull-left">当前共{{d.questionCount}}个问题</p>
            <a class="pull-right add-question" style = "cursor: pointer;"><img th:src="@{/img/Icon-add.png}" class="icon" style="padding-right: 4px;margin-top: -3px;" />提问题</a>
        </div>
        <ul class="list-group ques-list">
            {{# layui.each(d.list, function(index, a){ }}
            <li class="list-group-item">
                <div>
                    <div class="pull-left">
							<span><img class="head-img list-head-img" th:src="@{/img/login-background.jpg}"/>· {{a.createBy || '一'}} · {{a.createTime || '一'}}<span>
                    </div>
                    <div class="pull-right list-item-right-div">
                        {{# if(a.handleStatus == 0){ }}
                        <span>未解决</span>
                        <a class="pageQuestionHandle" data-id="{{a.id}}">设为已解决</a>
                        {{# } else { }}
                        <span>已解决</span>
                        {{# }}}
                        <icon class="icon del delete-question" data-id="{{a.id}}" style = "cursor: pointer;"></icon>
                    </div>
                </div>
                <p>{{a.title || '一'}}</p>
                <p>{{a.description || '一'}}</p>
                <ul class="list-group-horizontal">
                    {{# layui.each(a.fileInfList, function(indexB, b){ }}
                    <li class="list-group-item" style="box-shadow:none"><img class = "partPage" src="{{b.filePath}}" th:onerror="this.src='/img/default-img.png'"/><p style="text-align: center;word-break: break-all;">{{b.fileName}}</p></li>
                    {{# }); }}
                </ul>
            </li>
            {{# }); }}
        </ul>
        {{#} }}
    </div>
    {{# } else if(d.contentType == 3) { }}
    <div role="tabpanel" class="tab-pane content-usage mt15 ">
        <ul class="list-group">
            <li class="list-group-item">
                <div class="list-tit">
                    <p>
                        <span>{{# if(d.fbType=='1') { }} 前台 {{#} else { }}后台{{#}}}</span>
                        <span>{{# if(d.usageType=='1') { }} 增 {{# } else if(d.usageType == '2') { }} 删 {{# } else if(d.usageType == '3') { }} 改 {{#} else { }}查{{#}}}</span>
                        <span>{{d.usageyName || '一'}}</span>
                        <a class="pull-right usageDetailsCls" style = "cursor: pointer;" usageId = "{{d.id}}">查看用况详情</a>
                    </p>
                    <p>
                        <span style="">用况架构</span>
                        <span>
								{{# if(d.clientType=='1') { }} PCweb {{# } else if(d.clientType == '2') { }} H5 {{# } else if(d.clientType == '3') { }} APP {{#} else { }} 微信小程序 {{#}}}
								· {{# if(d.isAlone=='1') { }} 单模块 {{#} else { }} 非单模块 {{# }}}
								· {{# if(d.versionType=='1') { }} 新功能 {{# } else if(d.versionType == '2') { }} 优化 {{#} else { }} 废弃 {{#}}}
								</span>
                    </p>
                </div>
                <div class="list-content">
                    <p>用况故事</p>
                    <p>{{d.usageStory || '一'}}</p>
                </div>
                <div class="list-content">
                    <p>价值描述</p>
                    <p>{{d.valueDescription || '一'}}</p>
                </div>
                <div class="list-content">
                    <p>业务实现逻辑</p>
                    <p>{{d.businessImplDescription || '一'}}</p>
                </div>
                <div class="list-content">
                    <p>优化或废弃说明</p>
                    <p>{{d.versionDescription || '一'}}</p>
                </div>
            </li>
        </ul>
    </div>
    {{# } else if(d.contentType == 2) { }}
    <div role="tabpanel" class="tab-pane content-table mt15 pull-left">
        <div class="retation-table">
            <p>
                <img th:src="@{/img/table.png}">
                <span>{{d.tableName}}&nbsp;&nbsp;{{d.tableEnName}}</span>
                <span style="color: #0088FF;float: right;margin-right: 12px;"><a class = "table-detail" tableId = "{{d.id}}">查看详情</a></span>
            </p>
            <ul class="list-group">
                {{# layui.each(d.fieldInfoList, function(indexB, b){ }}
                {{# if(b.categorySpace) { }}
                <li class="list-group-item space"></li>
                {{# }}}
                <li class="list-group-item">
                    <font>{{# if(b.fieldType=='1') { }} PK {{# } else if(b.fieldType == '2') { }} FK {{#} else { }}-{{#}}}</font>
                    <span title="{{b.fieldName || '一'}}">{{b.fieldName || '一'}}</span>
                    <span title="{{b.fieldEnName || '一'}}">
									{{b.fieldEnName || '一'}}
									{{# if(b.fieldLength) { }}
										({{b.fieldLength}})
									{{# } }}
								</span>
                    <span>{{# if(b.fieldDataType=='1') { }} 文本 {{# } else if(b.fieldDataType == '2') { }} 数字 {{#} else { }}日期{{#}}}</span>
                </li>
                {{# }); }}
            </ul>
        </div>
    </div>
    {{# } else { }}
    <div class="content-detail pull-left">
        <div class="summary-detail">
            <img th:src="@{/img/per-info.png}">
            <div class="img-detail">
                <div><p>页面名称页面名称页面名称页面名称页面名称页面名称页面名称页面名称页面名称页面名称页面名称页面名称页面名称页面名称</p><p>页面图名称页面图名称页面图名称页面图名称页面图名称页面图名称</p></div>
                <div>
                    <a>查看页面详情</a>
                    <a>进入页面管理</a>
                    <a>进入页面驾驶舱</a>
                </div>
            </div>
        </div>
    </div>
    {{# } }}
</script>

<!--关联字段模板-->
<script id="bffParamTpl" type="text/template">
    <div class="panel-body" style = "border:0px;">
        <ul class="list-group">
            <li class="list-group-item" style="height: auto; padding-top:0px;">
                <div class="re-body">
                    <p>requestBody：//输入参数</p>
                    <p>{</p>
                    <ul class="list-group field">
                        {{# layui.each(d.requestList, function(index, a){ }}
                        {{# if(a.children == null || a.children.length == 0){ }}
                        <li class="list-group-item">
                            {{# if(a.objectType=='2'){ }}
                            <p>"{{a.fieldEnName}}" : [{ // {{a.fieldName || '-'}}</p>
                            <br>
                            <p>}],</p>
                            {{# } else { }}
                            <p>"{{a.fieldEnName}}" : "{{a.mockData || '一'}}", // <span style="color: #FFA500; display: inline !important;">{{a.fieldName || '-'}}{{a.fieldEnumListName || ''}}</span></p>
                            {{# } }}
                        </li>
                        {{# } else { }}
                        <li class="list-group-item">
                            {{# if(a.children.length > 1){ }}
                            <p>"{{a.fieldEnName}}" : [{ // {{a.fieldName || '一'}}</p>
                            <ul class="list-group field">
                                {{# layui.each(a.children, function(index, b){ }}
                                <li class="list-group-item" style = "margin-left:10px;">
                                    <p>"{{b.fieldEnName}}" : "{{b.mockData || '一'}}", // <span style="color: #FFA500; display: inline !important;">{{b.fieldName || '一'}}{{b.fieldEnumListName || ''}}</span></p>
                                </li>
                                {{# }); }}
                            </ul>
                            <p>}],</p>
                            {{# } else { }}
                            <p>"{{a.fieldEnName}}" : ["{{a.children[0].mockData || '一'}}"], // {{a.fieldName || '一'}}</p>
                            {{# } }}
                        </li>
                        {{# }}}
                        {{# }); }}
                    </ul>
                    <p>}</p>
                </div>
            </li>
            <li class="list-group-item space"></li>
            <li class="list-group-item" style="height: auto;padding-top:0px;">
                <div class="re-body">
                    <p>response：//返回参数</p>
                    <p>{</p>
                    <ul class="list-group field">
                        <li class="list-group-item">
                            <p>"errCode" : "1",<span style="color: red; display: inline !important;"> //返回状态（true/false）</span></p>
                            <p>"message" : "获取成功",<span style="color: red; display: inline !important;"> //获取成功/获取失败</span></p>
                            <p>"data" : { <span style="color: red; display: inline !important;"> //返回数据</span></p>
                            <ul class="list-group field">
                                {{# layui.each(d.responseList, function(index, a){ }}
                                {{# if(a.children == null || a.children.length == 0){ }}
                                <li class="list-group-item">
                                    {{# if(a.objectType=='2'){ }}
                                    <p>"{{a.fieldEnName}}" : [{ // {{a.fieldName || '一'}}</p>
                                    <p>}],</p>
                                    {{# } else { }}
                                    {{# if(a.fieldEnName == 'total' || a.fieldEnName == 'isLastPage' || a.fieldEnName == 'pages'){ }}
                                    <p>"{{a.fieldEnName}}" : {{a.mockData}}, // <span style="color: #FFA500; display: inline !important;">{{a.fieldName || '一'}}{{a.fieldEnumListName || ''}}</span></p>
                                    {{# } else { }}
                                    <p>"{{a.fieldEnName}}" : "{{a.mockData || '一'}}", // <span style="color: #FFA500; display: inline !important;">{{a.fieldName || '一'}}{{a.fieldEnumListName || ''}}</span></p>
                                    {{# } }}
                                    {{# } }}
                                </li>
                                {{# } else { }}
                                <li class="list-group-item">
                                    <p>"{{a.fieldEnName}}" : [{ // {{a.fieldName || '一'}}</p>
                                    <ul class="list-group field">
                                        {{# layui.each(a.children, function(index, b){ }}
                                        {{# if(b.children == null || b.children.length == 0){ }}
                                        <li class="list-group-item">
                                            {{# if(b.objectType=='2'){ }}
                                            <p>"{{b.fieldEnName}}" : [{ // {{b.fieldName || '一'}}</p>
                                            <p>}],</p>
                                            {{# } else { }}
                                            <p>"{{b.fieldEnName}}" : "{{b.mockData || '一'}}", // <span style="color: #FFA500; display: inline !important;">{{b.fieldName || '一'}}{{b.fieldEnumListName || ''}}</span></p>
                                            {{# } }}
                                        </li>
                                        {{# } else { }}
                                        <li class="list-group-item">
                                            <p>"{{b.fieldEnName}}" : [{ // {{b.fieldName || '一'}}</p>
                                            <ul class="list-group field">
                                                {{# layui.each(b.children, function(index, c){ }}
                                                {{# if(c.children == null || c.children.length == 0){ }}
                                                <li class="list-group-item">
                                                    {{# if(c.objectType=='2'){ }}
                                                    <p>"{{c.fieldEnName}}" : [{ // {{c.fieldName || '一'}}</p>
                                                    <p>}],</p>
                                                    {{# } else { }}
                                                    <p>"{{c.fieldEnName}}" : "{{c.mockData || '一'}}", // <span style="color: #FFA500; display: inline !important;">{{c.fieldName || '一'}}{{c.fieldEnumListName || ''}}</span></p>
                                                    {{# } }}
                                                </li>
                                                {{# } else { }}
                                                <li class="list-group-item">
                                                    <p>"{{c.fieldEnName}}" : [{ // {{c.fieldName || '一'}}</p>
                                                    <ul class="list-group field">
                                                        {{# layui.each(c.children, function(index, d){ }}
                                                        {{# if(d.children == null || d.children.length == 0){ }}
                                                        <li class="list-group-item">
                                                            {{# if(d.objectType=='2'){ }}
                                                            <p>"{{d.fieldEnName}}" : [{ // {{d.fieldName || '一'}}</p>
                                                            <p>}],</p>
                                                            {{# } else { }}
                                                            <p>"{{d.fieldEnName}}" : "{{d.mockData || '一'}}", // <span style="color: #FFA500; display: inline !important;">{{d.fieldName || '一'}}{{d.fieldEnumListName || ''}}</span></p>
                                                            {{# } }}
                                                        </li>
                                                        {{# } else { }}
                                                        <li class="list-group-item">
                                                            <p>"{{d.fieldEnName}}" : [{ // {{d.fieldName || '一'}}</p>
                                                            <ul class="list-group field">
                                                                {{# layui.each(d.children, function(index, e){ }}
                                                                <li class="list-group-item">
                                                                    <p>"{{e.fieldEnName}}" : "{{e.mockData || '一'}}", // <span style="color: #FFA500; display: inline !important;">{{e.fieldName || '一'}}{{e.fieldEnumListName || ''}}</span></p>
                                                                </li>
                                                                {{# }); }}
                                                            </ul>
                                                            <p>}],</p>
                                                        </li>
                                                        {{# } }}
                                                        {{# }); }}
                                                    </ul>
                                                </li>
                                                {{# } }}
                                                {{# }); }}
                                            </ul>
                                            <p>}],</p>
                                        </li>
                                        {{# } }}
                                        {{# }); }}
                                    </ul>
                                    <p>}],</p>
                                </li>
                                {{# }}}
                                {{# }); }}
                            </ul>
                            <p>}</p>
                        </li>
                    </ul>
                    <p>}</p>
                </div>
            </li>
        </ul>
    </div>
</script>

<script id="bffUsageTpl" type="text/template">
    {{# if(d != null && d.length > 0){ }}
    <ul class="list-group">
        {{# layui.each(d, function(index, a){ }}
        <li class="list-group-item">
            <div class="list-tit">
                <p>
                    <span>{{# if(a.fbType=='1') { }} 前台 {{#} else { }}后台{{#}}}</span>
                    <span>{{# if(a.usageType=='1') { }} 增 {{# } else if(a.usageType == '2') { }} 删 {{# } else if(a.usageType == '3') { }} 改 {{#} else { }}查{{#}}}</span>
                    <span>{{a.usageyName || '一'}}</span>
                    <a class="pull-right usageDetailsCls" style = "cursor: pointer;" usageId="{{a.id}}">查看详情</a>
                </p>
                <p>
                    <span>用况架构</span>
                    <span>
								{{# if(a.clientType=='1') { }} PCweb {{# } else if(a.clientType == '2') { }} H5 {{# } else if(a.clientType == '3') { }} APP {{#} else { }} 微信小程序 {{#}}}
								· {{# if(a.isAlone=='1') { }} 单模块 {{#} else { }} 非单模块 {{# }}}
								· {{# if(a.versionType=='1') { }} 新功能 {{# } else if(a.versionType == '2') { }} 优化 {{#} else { }} 废弃 {{#}}}
							</span>
                </p>
            </div>
            <div class="list-content">
                <p>用况故事</p>
                <p>{{a.usageStory || '一'}}</p>
            </div>
            <div class="list-content">
                <p>价值描述</p>
                <p>{{a.valueDescription || '一'}}</p>
            </div>
            <div class="list-content">
                <p>业务实现逻辑</p>
                <p>{{a.businessImplDescription || '一'}}</p>
            </div>
            <div class="list-content">
                <p>优化或废弃说明</p>
                <p>{{a.versionDescription || '一'}}</p>
            </div>
        </li>
        {{# }); }}
    </ul>
    {{# } }}
</script>

<script id="partImageIntroTpl" type="text/template">
    {{# layui.each(d.imgList, function(index, a){ }}
    <dl class="dl-horizontal" data-index="{{index}}" style="{{index==0?'':'display:none'}}" >
        <dt>重要说明</dt>
        <dd>{{a.description||''}}</dd>
    </dl>
    {{# }); }}
</script>

<script id="bffVirtualUsageTpl" type="text/template">
    {{# layui.each(d.list, function(index, a){ }}
    <div class="panel panel-default virtualUsage">
        <div class="panel-heading" data-toggle="collapse"  href="#collapse{{a.sortNum}}" data-id="{{a.id}}">
            <h1 class="panel-title">
                <span class="badge badge-primary">{{index+1}}</span>
                <span>{{a.slaveInterfaceName}}&nbsp;&nbsp;{{a.dubboUrl}}</span>
            </h1>
        </div>
        <div id="collapse{{a.sortNum}}" class="panel-collapse collapse"></div>
    </div>
    {{# }); }}
</script>
<script>
    $(function() {
        $('body').layout({ initClosed: false, west__size: 240 });
        $('[data-toggle="offcanvas"]').click(function () {
            if($('#wrapper').attr("class").indexOf("all-toggled")>=0 ){
                $('#wrapper').removeClass('all-toggled')
            }else if($('#wrapper').attr("class").indexOf("toggled")==-1){
                $(".sidebar-wrapper .contentTab li:eq(0) a").click()
            }
            $('#wrapper').toggleClass('toggled');
        });
        $(".one-level-ul li:eq(0)").click();
    });
    $("body").on("click", ".interface-li li", function () {
        $(".interface-li li").removeClass("active");
        $(this).addClass("active");
    }).on("click",".question-ul li",function () {
        $(".question-ul li").removeClass("active");
        $(this).addClass("active");
    }).on("click",".one-level-ul li",function () {
        var index = $(this).index();
        console.log(index);
        var twoLevels = ['#interfaceTwoLevel', '#questionTwoLevel', '#fieldTwoLevel'];
        var containerLeftTplHtml = $(twoLevels[index]).html();
        laytpl(containerLeftTplHtml).render({}, function (html) {
            $("#containerLeft").empty();
            $("#containerLeft").append(html);
        });
    }).on("click",".nav-tit-ul li a",function () {
        var action = $(this).data("action");
        var addDom = $(this).attr("href");
        var ids = {"summaryList":"#summaryListTpl",
            "relationTableList":"#relationTableListTpl",
            "relationUsageList":"#relationUsageListTpl"}
        let contentDetailsTplHtml = $(ids[action]).html();
        laytpl(contentDetailsTplHtml).render({}, function (html) {
            $(addDom).empty();
            $(addDom).append(html);
        });
    }).on("click",".nav-cnt-ul li",function () {
        $(".nav-cnt-ul li").removeClass("active");
        $(this).addClass("active");
        var type = $(this).parent("ul").data("type");
        var data = {};
        data.contentType = type;
        $("#wrapper").removeClass("toggled").addClass("all-toggled");
        let contentDetailsTplHtml = $("#contentDetailsTpl").html();
        laytpl(contentDetailsTplHtml).render(data, function (html) {
            $("#nav-content-detail").empty();
            $("#nav-content-detail").append(html);
        });
    })
</script>
</body>
</html>
